  @import (reference) "./../../../shared/color";

.info-list-container {
  .list-wrapper {
    background-color: white;
    padding: 0 10px;
    width: 100px;
    flex-grow: 1;
    height: 100%;
    .info-list {
      margin-top: 4px;
      height: 100%;
      overflow-y: auto;
    }
    &+.list-wrapper {
      margin-left: 10px;
    }
  }
  .info-item:nth-child(2n) {
    background-color: #F6F7F7;
  }
  .info-item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    .info-date {
      float: right;
    }
  }
  .info-link, .list-heading {
    line-height: 30px;
    // padding: 0 10px;
  }
  .info-link {
    color: @color-black-light;
    &:hover, &:active, &.active {
      color: @color-black-normal;
    }
  }
}